/* 基本颜色 */
:root {
  --color-none: rgba(0, 0, 0, 0);

  --shadow1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);
  --shadow2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);
  --box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);

  --c-white: #ffffff;
  --c-white-soft: #f9f9f9;
  --c-white-mute: #f1f1f1;
  --c-white-light: #f1f3f5;
  --c-white-lighter: rgba(255,255,255, .7);

  --c-black: #1a1a1a;
  --c-black-pure: #000000;
  --c-black-soft: #242424;
  --c-black-mute: #2f2f2f;
  --c-black-light: #202425;

  --ui-colors-orange: rgba(255, 92, 0);

  --ui-colors-black2: #00000007;
  --ui-colors-black3: #0000000c;
  --ui-colors-black4: #00000012;
  --ui-colors-black5: #00000017;
  --ui-colors-black6: #0000001d;
  --ui-colors-black7: #00000024;
  --ui-colors-black8: #00000038;
  --ui-colors-black9: #00000070;
  --ui-colors-black10: #0000007a;
  --ui-colors-black11: #00000090;
  --ui-colors-black12: #000000e8;

  --ui-colors-white1: #ffffff00;
  --ui-colors-white2: #ffffff03;
  --ui-colors-white3: #ffffff09;
  --ui-colors-white4: #ffffff0e;
  --ui-colors-white5: #ffffff16;
  --ui-colors-white6: #ffffff20;
  --ui-colors-white7: #ffffff2d;
  --ui-colors-white8: #ffffff3f;
  --ui-colors-white9: #ffffff62;
  --ui-colors-white10: #ffffff72;
  --ui-colors-white11: #ffffff97;
  --ui-colors-white12: #ffffffeb;

  --ui-colors-primary1: #fafdfe;
  --ui-colors-primary2: #f2fcfd;
  --ui-colors-primary3: #e7f9fb;
  --ui-colors-primary4: #d8f3f6;
  --ui-colors-primary5: #c4eaef;
  --ui-colors-primary6: #aadee6;
  --ui-colors-primary7: #84cdda;
  --ui-colors-primary8: #3db9cf;
  --ui-colors-primary9: #05a2c2;
  --ui-colors-primary10: #0894b3;
  --ui-colors-primary11: #0c7792;
  --ui-colors-primary12: #04313c;

  --ui-colors-neutral1: #fbfcfd;
  --ui-colors-neutral2: #f8f9fa;
  --ui-colors-neutral3: #f1f3f5;
  --ui-colors-neutral4: #eceef0;
  --ui-colors-neutral5: #e6e8eb;
  --ui-colors-neutral6: #dfe3e6;
  --ui-colors-neutral7: #d7dbdf;
  --ui-colors-neutral8: #c1c8cd;
  --ui-colors-neutral9: #889096;
  --ui-colors-neutral10: #7e868c;
  --ui-colors-neutral11: #687076;
  --ui-colors-neutral12: #11181c;

  --ui-colors-info1: #fbfdff;
  --ui-colors-info2: #f5faff;
  --ui-colors-info3: #edf6ff;
  --ui-colors-info4: #e1f0ff;
  --ui-colors-info5: #cee7fe;
  --ui-colors-info6: #b7d9f8;
  --ui-colors-info7: #96c7f2;
  --ui-colors-info8: #5eb0ef;
  --ui-colors-info9: #0091ff;
  --ui-colors-info10: #0081f1;
  --ui-colors-info11: #006adc;
  --ui-colors-info12: #00254d;

  --ui-colors-success1: #fbfefc;
  --ui-colors-success2: #f2fcf5;
  --ui-colors-success3: #e9f9ee;
  --ui-colors-success4: #ddf3e4;
  --ui-colors-success5: #ccebd7;
  --ui-colors-success6: #b4dfc4;
  --ui-colors-success7: #92ceac;
  --ui-colors-success8: #5bb98c;
  --ui-colors-success9: #30a46c;
  --ui-colors-success10: #299764;
  --ui-colors-success11: #18794e;
  --ui-colors-success12: #153226;

  --ui-colors-warning1: #fefdfb;
  --ui-colors-warning2: #fff9ed;
  --ui-colors-warning3: #fff4d5;
  --ui-colors-warning4: #ffecbc;
  --ui-colors-warning5: #ffe3a2;
  --ui-colors-warning6: #ffd386;
  --ui-colors-warning7: #f3ba63;
  --ui-colors-warning8: #ee9d2b;
  --ui-colors-warning9: #ffb224;
  --ui-colors-warning10: #ffa01c;
  --ui-colors-warning11: #ad5700;
  --ui-colors-warning12: #4e2009;

  --ui-colors-danger1: #fffcfc;
  --ui-colors-danger2: #fff8f8;
  --ui-colors-danger3: #ffefef;
  --ui-colors-danger4: #ffe5e5;
  --ui-colors-danger5: #fdd8d8;
  --ui-colors-danger6: #f9c6c6;
  --ui-colors-danger7: #f3aeaf;
  --ui-colors-danger8: #eb9091;
  --ui-colors-danger9: #e5484d;
  --ui-colors-danger10: #dc3d43;
  --ui-colors-danger11: #cd2b31;
  --ui-colors-danger12: #381316;
}

:root {
  --color-background: var(--c-white);
  --color-background-soft: var(--c-white-soft);
  --color-background-mute: var(--c-white-mute);

  --color-text: var(--c-black-mute);
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-background-mute);
}

/* 消除原有样式 */
a{
  -webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-user-select:none;
  -moz-user-select:none;
  text-decoration: none;
}

a, a:hover {
  text-decoration: none;
}
  
button{
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  --webkit-tap-highlight-color:rgba(255,255,255,0);
  -webkit-user-select:none;
  -moz-user-select:none;
  cursor: pointer;
}
  
div{
  -webkit-tap-highlight-color:rgba(255,255,255,0);
}

ul li, li {
  list-style: none;
}